<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="e享时代,创新消费-科学分享!" />
<meta name="description" content="麦e享时代,创新消费-科学分享!" />
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no"/>
<meta name="location" content="province=广东;city=深圳;">
<link rel="icon" href="../image/favicon.ico">
<title>e享时代</title>
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.min.css">
<!-- Path to Framework7 iOS related color styles -->
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.colors.min.css">
<!-- <link rel="stylesheet" href="../style/common/scroll.css"> -->
<link rel="stylesheet" href="../style/home/style.css">
<style>
    [v-cloak]{
        display: none;
    }
    body{
        padding-bottom: 0px;
    }
   
</style>
</head>
<body>
<div id="app">

    <div class="headTitle expensesRecord"><a class="return" href="javascript:void(0)" v-on:click="back"><img src="../image/return@2x.png"></a>报单查询</div>

    <!-- 没有数据 -->
    <div class="error404 Vcenter">
     <dl><dt><img src="../image/NOdada@2x.png"></dt>
       <dd>还没有数据哦~</dd>
     </dl>
    </div>
  
    <div class="tableList recordList">
        <ul class="title xiaofeiTititle">  
            <li><span class="userid">买家ID</span> <span class="time">时间</span> <span class="commodity">商品</span> <span class="rebate">消费金额</span> <span class="status">状态</span> </li>
        </ul>
      
        <div>
            <!-- 刷新组件 -->
            <div style="height: 92px;" id="pullDownBackground"></div>
            <div id="pullDown1" class="loadingUP1" style="display: none;">下拉刷新 ↓</div>
            <div class="loader-inner ball-spin-fade-loader" id="pullDown2" style="display: none;">
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
            </div>
            
            <ul class="list listScroll xiaofeiList" v-scroll="loadMore" id="list"  style="clear: both;" v-on:touchStart="Start" v-on:touchMove="Move" v-on:touchEnd="End" v-cloak>
                <li v-for="(item,index) in items" v-bind:data-id="item.id" v-bind:data-status="item.status" v-on:click="toStatus($event)">
                    <a href="javascript:void(0)">
                    <span class="userid">{{item.userCode}}</span> 
                    <span class="time">{{item.createTime|moment}}</span> 
                    <span class="commodity ellipsis">  {{item.commodityName}}</span> 
                    <span class="rebate">{{item.consumptionMoney|abbreviation}}</span> 
                    <!--  审核中 -->
                    <span class="status" v-if="item.status==='1'||item.status==='5'"><img class="f_right" src="../image/grayReturn@2x.png">审核中</span></a>
                    <!-- 已撤销 -->
                    <span class="status" v-if="item.status==='2'"><img class="f_right" src="../image/grayReturn@2x.png">已撤销</span></a>
                   <!--  审核未通过 -->
                    <span class="status" v-if="item.status==='3'||item.status==='7'"><img class="f_right" src="../image/grayReturn@2x.png">未通过审核</span></a>
                    <!-- 待上传汇款凭证 -->
                    <span class="status" v-if="item.status==='4'"><a class="links" href="javascript:void(0)" v-on:click="toTransferVoucher($event)">汇款凭证</a></span>
                   <!--  审核通过 -->
                    <span class="status" v-if="item.status==='6'"><img class="f_right" src="../image/grayReturn@2x.png">审核通过</span></a>
                    <!-- 待上传凭证 -->
                    <span class="status" v-if="item.status==='0'"><a class="links" href="javascript:void(0)" v-on:click="supplement($event)">消费凭证</a><a class="links" href="javascript:void(0)" v-on:click="toDelect($event)">撤销</a></span>
                </li>
            </ul>

            <!-- 加载提示符 -->
            <!-- <div id="pullDown3" class="loadingUP" style="display: block;"></div> -->
            <div id="pullDown3" class="loader-inner ball-spin-fade-loader" style="display: none;">
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
            </div>
            <!-- <div class="infinite-scroll-preloader" style="display: block;">
                <div class="preloader"></div>
            </div> -->

        </div>
    </div>
</div>
<script src="../js/lib/jquery/dist/jquery.min.js"></script>
<script src="../js/lib/Framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="../js/dist/home/expensesRecord_shop/bundle.js"></script>
</body>
</html>
